<script setup>
// import Abc from './components/Abc.vue'
// import Comp1 from './components/Component1.vue'
// import Comp2 from './components/Component2.vue'
// import c3 from './components/Component3.vue'
// import c4 from './components/Component4.vue'
// import c5 from './components/Component5.vue'
import Blog from './components/Blog.vue'
import {ref,reactive} from 'vue'

const w = reactive({})
w.title = '新闻二二'
w.content = '新闻二222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222'

const news = ref([
  {title:'t1',content:'c1'},
  {title:'t2',content:'c2'},
  {title:'t3',content:'c3'},
  {title:'t4',content:'c4'},
  {title:'t5',content:'c5'},
])
</script>


<template>


  <Blog v-for="item in news" :title="item.title" :content="item.content"></Blog>

  <br>
  <Blog :title="w.title" :content="w.content"></Blog>

  <Blog title="新闻一" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, error est obcaecati odit quaerat totam voluptates."></Blog>

<!--<c5/>-->

<!--  <c3/>
<c4></c4>
  <br>
  <h1>Home.vue - h1</h1>
  <Abc/>
  <br>
  <Comp1/>
  <br>
  <Comp2/>-->
</template>

<style>

</style>


